html,body{
    margin:0px;
    padding:0px;
}
#container{
    position:relative;
    margin-left:100px;
    display:inline-block;
}
.dopis1{
    position:absolute;
    top:0px;
    left:0px;
    background-image:url('dopis_1.png');
    background-color:white;
    background-position:0px 0px;
    background-repeat:no-repeat;
    width:100px;
    height:100px;
    /*making div circular*/
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    -khtml-border-radius: 50%;
}

.dopis2{
    position:absolute;
    top:0px;
    left:0px;
    background-image:url('dopis_2.png');
    background-color:white;
    background-position:0px 0px;
    background-repeat:no-repeat;
    width:100px;
    height:100px;
    /*making div circular*/
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    -khtml-border-radius: 50%;
}
.dopis3{
    position:absolute;
    top:0px;
    left:0px;
    background-image:url('dopis_3.png');
    background-color:white;
    background-position:0px 0px;
    background-repeat:no-repeat;
    width:100px;
    height:100px;
    /*making div circular*/
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    -khtml-border-radius: 50%;
}